<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css"></style>
</head>
<body>
    <h1>screen 和 navigator</h1>
    <hr>

    <script>
        console.dir(window.screen);
        console.log(screen.width);
        console.log(screen.height);

        console.dir(window.navigator);


        console.log('浏览器的平台和版本信息: ' + navigator.appVersion);
        console.log('浏览器发送给服务器的 user-agent 头信息: ' + navigator.userAgent);


        var browser = {
            versions: (function(){
                var u = navigator.userAgent;
                var app = navigator.appVersion;
                return {
                    trident: u.indexOf('Trident')     > -1,                                   // IE内核
                    presto : u.indexOf('Presto')      > -1,                                   // Opera内核
                    webKit : u.indexOf('AppleWebKit') > -1,                                   // 苹果谷歌内核
                    gecko  : u.indexOf('Gecko')       > -1 && u.indexOf('KHTML') == -1,       // 火狐内核
                    mobile : !!u.match(/AppleWebKit.*Mobile.*/) || !!u.match(/AppleWebKit/),  // 是否为移动端
                    ios    : !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),                      // ios终端
                    android: u.indexOf('Android')     > -1 || u.indexOf('Linux') > -1,        // android终端 或 uc浏览器
                    iPhone : u.indexOf('iPhone')      > -1 || u.indexOf('Mac') > -1,          // 是否为iPhone 或 QQHD浏览器
                    iPad   : u.indexOf('iPad')        > -1,                                   // 是否为iPad
                    webApp : u.indexOf('Safari')      == -1                                   // 是否为web应用程序,没有头部和底部
                };
            })()
        }

        document.write('是否为移动端:' + browser.versions.mobile + '<br>');
        document.write('是否为ios端:' + browser.versions.ios + '<br>');
        document.write('是否为android终端:' + browser.versions.android + '<br>');
        document.write('是否为chrome浏览器:' + browser.versions.webKit + '<br>');
        document.write('是否为FireFox浏览器:' + browser.versions.gecko + '<br>');
    
    </script>



</body>
</html>




